import React from 'react'
import { NavBar } from 'react-vant';
import { useNavigate } from 'react-router-dom'
import { Tabs } from 'antd-mobile'
import { Empty } from 'antd-mobile'
const Index: React.FC = () => {
    const navigate = useNavigate()
    return (
        <div>
            <NavBar fixed={true} 
                title="就诊记录"
                leftText="返回"
                onClickLeft={() => navigate(-1)}
            />
            <div style={{marginTop: 50}}>
                <Tabs>
                    <Tabs.Tab title='我的病例' key='fruits'>
                        <Empty
                            style={{ padding: '64px 0' }}
                            imageStyle={{ width: 128 }}
                            description='暂无数据'
                        />
                    </Tabs.Tab>
                    <Tabs.Tab title='看病日记' key='vegetables'>
                        <Empty
                            style={{ padding: '64px 0' }}
                            imageStyle={{ width: 128 }}
                            description='暂无数据'
                        />
                    </Tabs.Tab>
                </Tabs>
            </div>

        </div>
    )
}

export default Index
